<template>
  <ul>
    <li v-for="(item,index) in getListData">
      <router-link :to="'/carsense/detail/'+item.id">
        <img :src="item.img" alt="">
        <p class="white-space">{{item.info}}</p>
      </router-link>
    </li>
  </ul>
</template>
<script>
export default {
  props: ["data"],
  components: {},
  name: "",
  data() {
    return {};
  },
  computed: {
    getListData() {
      return this.data || [];
    }
  },
  methods: {},
  created() {
    
  }
};
</script>
<style lang="scss" scoped>
ul {
  background-color: #f2f2f2;
  padding-bottom: 0.1px;

  li {
    background-color: #fff;
    margin-bottom: 5px;

    a{
      display: inline-block;
      width: 100%;
      height: 100%;
      padding: 15px;
      box-sizing: border-box;
    }
    
    a:active{
      opacity: .8;
    }

    img {
      width: 100%;
      min-height: 100px
    }
    p {
      margin-top: 10px;
      color: #666;
    }
  }
}
</style>
